<template>
  <view>
    <view v-if="loading" class="dpr-center-center">
      <nut-icon name="loading" size="14" color="#909090" class="mr-1" />
      <text style="color: #909090; font-size: 12px">正在加载</text>
    </view>
    <view v-if="!noMore && !loading" class="dpr-center-center">
      <nut-icon name="dou-arrow-up" size="14" color="#909090" class="mr-1" />
      <text style="color: #909090; font-size: 12px">加载更多</text>
    </view>
    <view v-if="noMore && !loading" class="dpr-center-center">
      <nut-icon name="success" size="14" color="#909090" class="mr-1" />
      <text style="color: #909090; font-size: 12px">加载完毕</text>
    </view>
  </view>
</template>

<script setup lang="ts">
const props = defineProps({
  loading: {
    type: Boolean,
    default: false,
  },
  noMore: {
    type: Boolean,
    default: false,
  },
});
</script>
